<!-- 
	@author : Jason Meulenhoff
	@mail 	: mail@kacangboi.com
	@web : http://kacangboi.com
	@copyright : ViniWeb Internet Facilities
 -->
<!DOCTYPE html>
<html>
	<head>
		<title>ViniWEB WarpStreaming</title>
		<link href="../css/design.style.css" rel="stylesheet" type="text/css"/>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
		<script type="text/javascript" src="../js/ajaxRequest.js"></script>
		<script type="text/javascript" src="../js/chat.js"></script>
	</head>
	<body>
		<script type="text/javascript">
		retrieveMessage();
		</script>
		
		{script}
		<div id="float" style='display : none;'>
    		<img id="close_message" style="float:right;cursor:pointer" onclick="$('#float').slideUp();" src="../images/cross.png" />
    		<span> {message}</span>
		</div>
		<div id='container'>
			<div id='head'>
				<div id='logo'>
					<!-- Enter Logo Here -->
					<img src="../images/logo.png"/>
				</div>
			</div>
			<div id='content'>
				<!--  Sidebar -->
				<div id='sidebar'>
					<!-- BreadCrumb -->
					<span>Last Visited Pages : {breadcrumb} ,</span>
					<!-- Logged in as -->
					<span>You are currently logged on as, <span style='color : blue;'>{username}</span></span>
					<!-- News Scroller -->
					<!-- <span><marquee><img src='../images/note.png'/>ViniWEB Internet Facilities is proud to present version 3 of the streaming application, <img src='../images/note.png'/> There are three new sessions online</marquee></span> -->
				</div>
				<!-- Menu -->
				<div id='menu' style='width : 200px;'>
					{menu}
				</div>
				<!-- Player -->	
				<span class='playerText'><img src='../images/uk.png'/> Live Session, {date}</span>
				<br/>
				<br/>
				<div id='player' style='margin-left : 100px;'>
				<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" width="440" height="420" align="top">
							<param name="FileName" value="{DETAILS}">
							<param name="AutoStart" value="true">
							<param name="ShowTracker" value="true">
							<param name="ShowControls" value="true">
							<param name="ShowGotoBar" value="false">
							<param name="ShowDisplay" value="false">
							<param name="ShowStatusBar" value="true">
							<param name="AutoSize" value="false">
							<embed width="440" height="420" src="{DETAILS}" AutoStart="true" ShowControls="true" AutoSize="false">
							</embed>
				</object>
				<br/>
				<br/>
				<span class='underPlayerText'>You are currently watching the <img src='../images/uk.png'/> stream</span>
				<br/>
				<span class='underPlayerText2'>{switch}</span>
				</div>
				
				<div id='messagepanel'>
					<div id='meswrapper' style='float : left;'>
					<!-- Messages are displayed typed here -->
						<div id='typepanel'>
							<form id='post'>
								<textarea onclick='$("#message").html("");' style='margin-top : 10px;' id='message'  rows="8" cols="35">When you have a question, please use this chat panel to chat with other viewers</textarea>
								<br/>
								<span><input type='button' onclick="insertMessage($('#message').val(),$('#hidden').val());"  value='send'/></span>
								<span style="font-size : 13px;">Screen Name : <input type='text' id='hidden' value='{value}' /> </span>
							</form>
						</div>
						<!-- Messages are displayed here -->
						<div id='messagewindow'>
							<div id='messagehere'>
								{chat_messages}
							</div>
						</div>
					</div>
				</div>
				
			</div>
			<div id='footer'>
				<div style='text-align : center; padding-top : 190px; height: 249px;'>
					<span style='font-size : 14px;'>&copy; ViniWeb Internet Facilities 2009, all rights reserved</span>
					<br/>
					<span style='font-size : 12px;'>Design by : <a href='http://kacangboi.com''>KacangNetworks</a></span>
				</div>
			</div>
		</div>
	</body>
</html>